<!DOCTYPE html>
<html lang="ch">
<meta charset="utf8"/>
<meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no"/>
<script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="js/bootstrap-4.5.3-dist/css/bootstrap.css">
<script src="js/bootstrap-4.5.3-dist/js/bootstrap.js"></script>
<script src="js/a3.js"></script>
<script src="js/wxCloud.js?type=16"></script>
<link rel="stylesheet" type="text/css" href="css/public.css?type=1">
<link rel="stylesheet" type="text/css" href="css/Admin.css?type=171">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2499920_c45waby806.css?t=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="https://unpkg.com/bootstrap-table@1.15.3/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<sript  src="layui/layui.js"></sript>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="js/Admin.js?type=2921"></script>
<head>
    <meta charset="UTF-8">
    <title>花朵后台管理系统</title>
</head>
<body>

<!-- loading图begin -->
<div id="londing_body" class="text-center" >
  <div class="spinner-border" role="status">
	<span class="sr-only">Loading...</span>
  </div>
</div>
<!-- loading图end -->
<!--头部begin-->

    <div class="header container bg-blue border-bottom border-white">
        <div class="row">
            <div class="col-5"><div class="text-white ">花朵后台管理系统</div></div>
            <div class="col-7">
                <div class="headerImage float-right">
                    <img class="rounded-circle p-2" src="img/hdlogo.jpg" alt="" width="50px">
                </div>
            </div>

        </div>
    </div>


<!--头部end-->

<!--主体begin-->

    <div class="main container">
        <!--           头部导航begin            -->
       <!-- <div class="row" style="height: 30px;line-height: 30px;">
            <div class="col-2">
                导航
            </div>
            <div class="ad_nav col-10 px-0">
                <ul class="clearfix">
					<li class="float-left">内容编辑</li>
                    <li class="float-left">数据分析</li>
                </ul>
                <div class="ver_active" ></div>
            </div>
        </div> -->
        <!--           头部导航end           -->


        <div class="row" style="height: calc(100% - 40px);overflow: hidden;">


            <div class="main_data col-12 h-100" style="overflow: auto;">
				<!--------------------- 数据分析区begin --------------------->
				<div class="data_fenxi_box">



				</div>

				<!--------------------- 数据分析区end --------------------->


				<!--            表格区begin         -->
                <div id="hd_data_page" class="hd_data_page container-fluid py-2 px-0">
                    <div class="row">
                        <div class="col">
							<h3>花朵数据编辑</h3>
							<hr>
                            <table id="hd_table" class="table table-hover"></table>
                        </div>
                    </div>
                </div>
				<!--            表格区end         -->
				<!--            首页图片素材上传区begin         -->

				<div class="index_img_uplod container-fluid py-2 px-0">
					<div class="row mb-3">
						<div class="col">
							<h3>首页图片上传</h3>
							<hr>
						</div>
					</div>
					<div class="row mb-3">
						<label for="indexImage_title" class="col-form-label col-sm-2">图片名称</label>

						<div class="col-sm-10">
						    <input id="indexImage_title" name="indexImage_title" type="text" class="form-control"></input>
						</div>
					</div>
					<div class="row mb-3">

					    <label for="indexImage" class="col-form-label col-sm-2"></label>

					    <div class="col-sm-10">
					        <input id="indexImage" name="indexImage" type="file" class="form-control"></input>
					    </div>

					    <div class="col-12 mt-3">
					        <div id="index_img_loading" class="text-center" style="display: none;" >
					          <div class="spinner-border" role="status">
					            <span class="sr-only">Loading...</span>
					          </div>
					        </div>
					        <img id="index_img" class="img-fluid" style="display: none;" src="" alt="">
					    </div>
					</div>
					<div class="row mb-3">
							<div class="col">
								<input id="imgIndexSubmit" type="button" value="提交" class="btn-primary btn-sm float-right">
							</div>
					</div>
					<div class="row mb-3">
						<div class="col">
							<hr>
						</div>
					</div>
				</div>

				<!--            首页图片素材上传区end         -->
            </div>

        </div>
    </div>


<!--主体end-->
<!--底部begin-->
    <div class="ad_footer container bg-blue">
        <div class="row">
            <div class="col text-center">
                <span class="text-white">237  医治  顶峰</span>
            </div>
        </div>
    </div>
<!--底部end-->
<!--表格工具按钮begin-->
<div id="toolbar" >
<!-- <buttn type="button" id="edit" class="btn btn-primary btn-sm"><i class="iconfont icon-bianji"></i></buttn>
<buttn type="button" class="btn btn-primary btn-sm"><i class="iconfont icon-shanchu"></i></buttn>
<buttn type="button" class="btn btn-primary btn-sm"><i class="iconfont icon-zengjia-cuxiantiao"></i></buttn> -->
</div>
<!--表格工具按钮end-->
<!------------------------------------------------编辑模态框begin------------------------------------------------>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable" id="modal_html">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">编辑</h5>
                <i id="close_edit_modal" class="iconfont icon-guanbi"></i>
            </div>
            <div class="modal-body">
                <form id="hd_form">
                    <div  class="row mb-3">
                        <label for="title" class="col-sm-2 col-form-label">标题</label>
                        <div class="col-sm-10">
                            <input id="hd_title" name="title" type="text" class="form-control">
                        </div>
                    </div>
                    <div  class="row mb-3">
                        <label for="zm_Id" class="col-sm-2 col-form-label">赞美</label>
                        <div class="col-sm-10">
                            <input id="zm" type="text" list="zm_id" name="zm_Id" class="form-control">
                            <datalist id="zm_id">
                                <option value="">
                            </datalist>
                        </div>
                    </div>

                    <div id="zm_box" class="row mb-3" style="display: none;">
                        <label class="col-form-label col-sm-2">音频</label>
                        <div class="col-sm-10 justify-content-center">
                            <audio id="zm_audio" src="" controls></audio>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="jw_id" class="col-form-label col-sm-2">经文</label>
                        <div class="col-sm-10">
                            <input id="jw" list="jw_id" name="jw_Id" class="form-control"></input>
                            <datalist id="jw_id" >
                                <option selected>Open this select menu</option>
                                <option value="1">One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                            </datalist>
                        </div>
                    </div>

                    <div id="jw_box" class="row mb-3" style="display: none;">
                        <div class="col-sm-12">
                            <textarea id="jw_context" class="form-control" disabled></textarea>
                        </div>
                    </div>


					<div class="row mb-3">
						<label for="index_img" class="col-form-label col-sm-2">首页图片</label>
						<div class="col-sm-10">
							<select id="hd_img_index_list" name="hd_img_url" class="form-control" data-id="">

							</select>
							<div id="hd_img_index_loading" class="text-center" style="display: none;" >
							  <div class="spinner-border" role="status"></div>
							</div>
							<img id="hd_index_img" class="img-fluid mt-3" style="display: none;" src="" alt="">
						</div>
					</div>

                    <div class="row mb-3">
                        <label for="audioUrl" class="col-form-label col-sm-2">中文录音上传</label>
                        <div class="col-sm-10">
                            <input id="ch_audioUrl" name="ch_audioUrl" type="file" class="form-control"></input>
                        </div>

						<div id="Ch_audio_loading" class="col-sm-12 text-center" style="display: none;" >
						  <div class="spinner-border" role="status">
							<span class="sr-only">Loading...</span>
						  </div>
						</div>

                        <div id="Ch_audio_box" class="col-sm-12 mt-3">
                            <audio id="Ch_audio" src="" controls></audio>
                        </div>
                        <div id="Ch_img_box" class="col-sm-12 mt-3">
                            <img src="" alt="" class="img-fluid">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="audioUrl" class="col-form-label col-sm-2">英文录音上传</label>
                        <div class="col-sm-10">
                            <input id="en_audioUrl" name="en_audioUrl" type="file" class="form-control"></input>
                        </div>
						<div id="En_audio_loading" class="col-sm-12 text-center" style="display: none;" >
						  <div class="spinner-border" role="status">
						    <span class="sr-only">Loading...</span>
						  </div>
						</div>
                        <div id="En_audio_box" class="col-sm-12 mt-3">

                            <audio id="En_audio" src="" controls></audio>
                        </div>
                        <div id="En_img_box" class="col-sm-12 mt-3">
                            <img src="" alt="" class="img-fluid">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button id="submit_edit" type="button" class="btn btn-primary">
                    <span id="submit_loading" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display:none"></span>
                    提交
                </button>
            </div>
        </div>
    </div>
</div>


<!----------------------------------------------编辑模态柜end------------------------------------------------>
</body>


</html>
